<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
    	<link href="../css/jituan.css" rel="stylesheet" />
    	<link href="../css/indexlist.css" rel="stylesheet" />
    	<script src="../js/jquery-1.9.1.min.js"></script>
    	
	</head>

	<body>
		<!--  主题内容组件     -->
		<div style=" background: none;" class="mui-content">
			<!-- div选项卡      -->
			<div style="background:#FFFFFF;" class="mui-segmented-control">
			    <a class="mui-control-item mui-active" href="#item1">集团资讯</a>
			    <a class="mui-control-item" href="#item2">金融</a>
			    <a class="mui-control-item" href="#item3">加入我们</a>
			</div>
			
			<div style="margin: 0; margin-top: 15px;" class="mui-content-padded">
				<!-- 集团资讯      -->
				<div id="item1" class="mui-control-content mui-active">
					<ul id="wenzhang" style="background: none;" class="mui-table-view" >
					    <!--<li style="margin-bottom: 10px; background: #FFFFFF;" class="mui-table-view-cell mui-media">
					        <a class="as" href="zixunxiangqing.html">
					            <img style="line-height: none; max-width: none; width: 78px; height: 64px;" class="mui-media-object mui-pull-left" src="../img/jituanzixun/aa1.jpg">
					            <div class="mui-media-body">
					                汽修店如何利用IPAD系统自动检查
					                <p class="mui-ellipsis">汽修店如何利用IPAD系统自动检查，汽修店如何利用IPAD系统自动检查</p>
					            </div>
					        </a>
					        <div class="xiangqing">
					        	<div style="float: left;"><h6 style="float: left;">资讯</h6></div>
					        	<div style="float: right;">
					        		<span style="font-size: 24px;" class="mui-icon iconfont icon-xiaoxi span3"></span>
					        		<a style="margin-right: 10px;" class="a2" href="">128</a>
						        	<span style="font-size: 24px;" class="mui-icon iconfont icon-aixin span3"></span>
						        	<a style="margin-right: 10px;" class="a2" href="">12</a>
						        	<span style="font-size: 24px;" class="mui-icon iconfont icon-fenxiang span3"></span>
						        	<a class="a2" href="">18</a>
					        	</div>
					        </div>
					    </li>
					    <li style="margin-bottom: 10px; background: #FFFFFF;" class="mui-table-view-cell mui-media">
					        <a class="as" href="zixunxiangqing.html">
					            <img style="line-height: none; max-width: none; width: 78px; height: 64px;" class="mui-media-object mui-pull-left" src="../img/jituanzixun/aa1.jpg">
					            <div class="mui-media-body">
					                木屋
					                <p class="mui-ellipsis">想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
					            </div>
					        </a>
					        <div class="xiangqing">
					        	<div style="float: left;"><h6 style="float: left;">资讯</h6></div>
					        	<div style="float: right;">
					        		<span style="font-size: 24px;" class="mui-icon iconfont icon-xiaoxi span3"></span>
					        		<a style="margin-right: 10px;" class="a2" href="">128</a>
						        	<span style="font-size: 24px;" class="mui-icon iconfont icon-aixin span3"></span>
						        	<a style="margin-right: 10px;" class="a2" href="">12</a>
						        	<span style="font-size: 24px;" class="mui-icon iconfont icon-fenxiang span3"></span>
						        	<a class="a2" href="">18</a>
					        	</div>
					        </div>
					    </li>
					    <li style="margin-bottom: 10px; background: #FFFFFF;" class="mui-table-view-cell mui-media">
					        <a class="as" href="zixunxiangqing.html">
					            <img style="line-height: none; max-width: none; width: 78px; height: 64px;" class="mui-media-object mui-pull-left" src="../img/jituanzixun/aa1.jpg">
					            <div class="mui-media-body">
					                CBD
					                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
					            </div>
					        </a>
					        <div class="xiangqing">
					        	<div style="float: left;"><h6 style="float: left;">资讯</h6></div>
					        	<div style="float: right;">
					        		<span style="font-size: 24px;" class="mui-icon iconfont icon-xiaoxi span3"></span>
					        		<a style="margin-right: 10px;" class="a2" href="">128</a>
						        	<span style="font-size: 24px;" class="mui-icon iconfont icon-aixin span3"></span>
						        	<a style="margin-right: 10px;" class="a2" href="">12</a>
						        	<span style="font-size: 24px;" class="mui-icon iconfont icon-fenxiang span3"></span>
						        	<a class="a2" href="">18</a>
					        	</div>
					        </div>
					    </li>
					    <li style="margin-bottom: 10px; background: #FFFFFF;" class="mui-table-view-cell mui-media">
					        <a class="as" href="zixunxiangqing.html">
					            <img style="line-height: none; max-width: none; width: 78px; height: 64px;" class="mui-media-object mui-pull-left" src="../img/jituanzixun/aa1.jpg">
					            <div class="mui-media-body">
					                CBD
					                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
					            </div>
					        </a>
					        <div class="xiangqing">
					        	<div style="float: left;"><h6 style="float: left;">资讯</h6></div>
					        	<div style="float: right;">
					        		<span style="font-size: 24px;" class="mui-icon iconfont icon-xiaoxi span3"></span>
					        		<a style="margin-right: 10px;" class="a2" href="">128</a>
						        	<span style="font-size: 24px;" class="mui-icon iconfont icon-aixin span3"></span>
						        	<a style="margin-right: 10px;" class="a2" href="">12</a>
						        	<span style="font-size: 24px;" class="mui-icon iconfont icon-fenxiang span3"></span>
						        	<a class="a2" href="">18</a>
					        	</div>
					        </div>
					    </li>
					    <li style="margin-bottom: 10px; background: #FFFFFF;" class="mui-table-view-cell mui-media">
					        <a class="as" href="zixunxiangqing.html">
					            <img style="line-height: none; max-width: none; width: 78px; height: 64px;" class="mui-media-object mui-pull-left" src="../img/jituanzixun/aa1.jpg">
					            <div class="mui-media-body">
					                CBD
					                <p class="mui-ellipsis">烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
					            </div>
					        </a>
					        <div class="xiangqing">
					        	<div style="float: left;"><h6 style="float: left;">资讯</h6></div>
					        	<div style="float: right;">
					        		<span style="font-size: 24px;" class="mui-icon iconfont icon-xiaoxi span3"></span>
					        		<a style="margin-right: 10px;" class="a2" href="">128</a>
						        	<span style="font-size: 24px;" class="mui-icon iconfont icon-aixin span3"></span>
						        	<a style="margin-right: 10px;" class="a2" href="">12</a>
						        	<span style="font-size: 24px;" class="mui-icon iconfont icon-fenxiang span3"></span>
						        	<a class="a2" href="">18</a>
					        	</div>
					        </div>
					    </li>-->
					</ul>
				</div>
				<!-- 金融      -->
				<div style="padding: 0 15px;" id="item2" class="mui-control-content">
					<!--<div style="background: url(../img/jituanzixun/daikuan.jpg);" class="img1">
						<a href="woyaodaikuan.html"><span class="span_center">我要贷款</span></a>
					</div>
					<div style="background: url(../img/jituanzixun/daikuan2.jpg);" class="img1">
						<a href="woyaodaikuan.html"><span class="span_center">我要贷款</span></a>
					</div>-->
				</div>
				<!-- 加入我们    -->
				<div  id="item3" class="mui-control-content ">
					<!--<div class="jiaruwm">
						<p class="p1">加入我们</p>
						<p class="p2">职位描述</p>
						<p class="p3">互联网从业经验2年以上，一年以上To B互联网企业从业者，熟悉To B领域者优先考虑;
							为人正直、诚信、细心，有线下活动经验者优先；
							沟通能力强，团队协作能力强，执行力强，有很强的独立工作能力和学习能力;
							有熟练掌握PPT，PS等技能者优先考虑。
						</p>
						<p class="p4">投递邮箱hr@haicheng.com</p>

					</div>-->
				</div>
			</div>
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<script>
//			
				$.ajax({
			    url:'http://www.reliants.cn/mobile/zixun',
				type:'get', 
			    async:true,
			    dataType:'json', 
			    success:function(data){
					var $jsontip = $("#wenzhang");
					var strHtm3 = "";//存储数据的变量
					var strHtm4 ="";
					$jsontip.empty();
					$.each(data,function(infoIndex,info){
						strHtm3 +='<li data-id='+info.id+' style="margin-bottom: 10px; background: #FFFFFF;" class="mui-table-view-cell mui-media">';
						strHtm3 +='<a class="as">';
						strHtm3 +='<img style="line-height: none; max-width: none; width: 78px; height: 64px;" class="mui-media-object mui-pull-left" src=' + info.g_src + '>';
						strHtm3 +='<div class="mui-media-body" style="word-break:break-all;">';
						strHtm3 +='<p style="color:#333;font-size:16px;">'+info.g_word+"</p>"
						strHtm3 +='<p class="mui-ellipsis" style="width:100%;word-break:break-all;">' + info.g_zhengwen + '</p>';
						strHtm3 +='</div>';
						strHtm3 +='</a>';
						strHtm3 +='<div class="xiangqing">';
						strHtm3 +='<div style="float: left;"><h6 style="float: left;">' + info.g_fubiao + '</h6></div>';
						strHtm3 +='<div style="float: right;">';
						strHtm3 +='<span style="font-size: 24px;" class="mui-icon iconfont icon-xiaoxi span3"></span>';
						strHtm3 +='<a style="margin-right: 10px;" class="a2">' + info.g_pinglun + '</a>';
						strHtm3 +='<span style="font-size: 24px;" class="mui-icon iconfont icon-aixin span3"></span>';
						strHtm3 +='<a style="margin-right: 10px;" class="a2">' + info.g_dianzan + '</a>';
						strHtm3 +='<span style="font-size: 24px;" class="mui-icon iconfont icon-fenxiang span3"></span>';
						strHtm3 +='<a class="a2">' + info.g_zhuanfa + '</a>';
						strHtm3 +='</div></div></li>';
					})
					$("#wenzhang").html(strHtm3);
					var news = document.getElementsByClassName('mui-media');
					for(var i=0;i<news.length;i++){
						(function(x){
                            news[x].addEventListener('tap', function() {
								var news_id = this.getAttribute('data-id');
								mui.openWindow({
									url:"zixunxiangqing.html",
									id:"zixunxiangqing.html",
									waiting: {
										autoShow: false
									},
									extras: {
										urlid: news_id
									}
								})
							});
						})(i)
					}
			    },
			    error:function(error){
			        alert(error.responseText)
			    },

			});
			
			
//			$.ajax({
//			    url:'http://haicheng.app.yanxishe.cc/index.php/mobile/zixun',
//			    //url:'http://11.nimingkeji.sinaapp.com/index.php',
//				type:'get', 
//			    async:true,
//			    dataType:'json', 
//			    success:function(data){
//				var strHtm4 ="";
//				$.each(data,function(infoIndex,info){
//					strHtm4 +='<div class="img1">';
//					strHtm4 +='<a href="woyaodaikuan.html">';
//					strHtm4 +='<span class="span_center">我要贷款</span>';
//					strHtm4 +='</a></div>';
//				})
//				$("#wenzhang").html(strHtm3);
//			    },
//			    error:function(error){
//			        alert(error.responseText)
//			    },
//
//			})
			//集团金融
			$.getJSON("../json/data.json",function(data){
				var strHtm4 ="";
				$.each(data[0].jituan_item2,function(infoIndex,info){
					strHtm4 +='<div style="background: url(' + info.g_src + ');" class="img1">';
					strHtm4 +='<a>';
					strHtm4 +='<span id=' + info.g_id + ' class="span_center" data-href=' + info.g_href + '>' + info.g_word + '</span>';
					strHtm4 +='</a></div>';
				})
				$("#item2").html(strHtm4);
			});
//			$.getJSON("../json/newjs.json",function(data){
//				var qwe ="";
//				$.each(data.jiegua,function(infoIndex,info){
//					qwe +='<p>' + info.guaming + '</p>';
//					qwe +='<p>' + info.jieguo + '</p>';
//				})
//				$("#item2").html(qwe);
//			});
			//加入我们
			$.getJSON("../json/data.json",function(data){
				var strHtm5 ="";
				$.each(data[1].jituan_item3,function(infoIndex,info){
					strHtm5 +='<div class="jiaruwm">';
					strHtm5 +='<p class="p1">' + info.g_p1 + '</p>';
					strHtm5 +='<p class="p2">' + info.g_p2 + '</p>';
					strHtm5 +='<p class="p3">' + info.g_p3 + '</p>';
					strHtm5 +='<p class="p4">' + info.g_p4 + '</p>';
					strHtm5 +='</div>';
				})
				$("#item3").html(strHtm5);
			})
			//贷款、投资跳转
			function gotosonpage() {
				var list = document.getElementsByClassName("span_center");
				for (var i = 0, len = list.length; i < len; i++) {
					list[i].addEventListener("tap", function() {
						hrefs = this.getAttribute("data-href");
						mui.openWindow({
							url: hrefs,
							id: hrefs,
							waiting: {
								autoShow: false
							}
						});
					});
				}
			}
			mui.plusReady(function(){
				gotosonpage();
			})
		</script>
	</body>

</html>
